<!--
 * @Description: 
 * @Author: Leequik
 * @Date: 2025-06-15 14:58:30
 * @LastEditTime: 2025-07-07 12:36:51
 * @LastEditors: Leequik
-->
<template>
    <div class="child">
        <h3>子组件</h3>
        <input 
        type="text"
        :value="ming"
        @input="(e) => $emit('update:ming', e.target.value)"
        />
        
        <input type="text" :value="pass" @input="(e) => $emit('update:pass', e.target.value)" />
    </div>
</template>
<script lang="ts" setup>
defineProps(['ming','pass']);
defineEmits(['update:ming','update:pass']);

</script>

<style scoped>
.child {
    background-color: skyblue;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    margin: 10px 0;
}
</style>